﻿/*----- 
    LightRed: #ac200c;  
    DarkRed: #8b1709;  
    DarkGray: #444; 
    Header background: #333;
    Side background: #f88c19;  
-----*/

body { font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial; font-size: 12px; padding: 0px; margin: 0px; background: #fff; }

/*=====> System Master <=====*/
.wrapper { width: 100%; height: 100%; }
.header , .logo , .subheader , .sidenav , .content { float: left; display: block; }

.header { width: 100%; height: auto; background: #333; }
.header .logo { width: 140px; height: 17px; margin-top: 10px; margin-left: 15px; margin-bottom: 10px; background: url(../img/Logo.png) top left no-repeat; }
.header .quicklinks { display: block; float: right; width: 300px; height: auto; }
.header .quicklinks a { display: block; float: right; color: #fff; padding-bottom: 7px; padding-left: 10px; padding-right: 10px; padding-top: 8px; text-decoration: none; }

.subheader { width: 100%; height: 0px; background: #333; }

.sidenav { width: 200px; height: auto; background: #f88c19; padding-top: 20px; padding-bottom: 100px; }
.sidenav a { display: block; float: right; width: 200px; height: 50px; text-decoration: none; }
.sidenav a:hover { background-color: #f7a34b; }
.sidenav a div { border: none; height: 48px; width: 48px; display: block; float: left; background-color: transparent; background-position: top left; background-repeat: no-repeat; margin-left: 5px; margin-right: 3px; }
.sidenav a span { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 120%; margin-top: 10px; display: block; float: left; }

.sidenav-overview div { background-image: url(../ico/Groupbar.png); }
.sidenav-content div { background-image: url(../ico/Table-of-Contents.png); }
.sidenav-helpandsupport div { background-image: url(../ico/Help.png); }
.sidenav-myaccount div { background-image: url(../ico/Login-User.png); }
.sidenav-navigation div { background-image: url(../ico/Tree.png); }
.sidenav-security div { background-image: url(../ico/Guard.png); }
.sidenav-settings div { background-image: url(../ico/Wrench.png); }

.content { width: 970px; height: auto; margin-left: 15px; }
.content-header { display: block; float: left; height: auto; width: 100%; padding-bottom: 15px; margin-top: 15px; }
.content-header-title { font-size: 160%; display: block; float: left; }
.content-header-actions { display: block; float: right; height: auto; width: 50%; }
.content-header-actions input { float: right; margin-left: 15px; display: block; }
.content-header-actions .separator { float: right; display: block; border-left: solid 1px #444; height: 24px; margin-left: 15px; }

.content-zone { width: 100%; height: auto; float: left; display: block; }


/*=====> Common Objects <=====*/
.FormTitle { width: 100%; height: auto; border-bottom: solid 2px #444; display: block; float: left; padding-top: 10px; padding-bottom: 5px; }
.FormTitle img { float: left; }
.FormTitle span { margin-left: 5px; margin-top: 5px; font-size: 24px; float: left }
.FormTitle .ActionImgButton { float: right; margin-top: 8px; }


/*----------------------------*/
.ActionMenu { float: right; }



/*----------------------------*/

/*----------------------------*/
.Section , .SectionHeader , .SectionContent { display: block; float: left; width: 100%; height: auto; }
.Section { margin-bottom: 20px; }
.SubSection { display: block; width: 48%; height: auto; border: solid 1px #888; }
.SectionHeader { border-bottom: solid 1px #888; background: #eee; padding-bottom: 3px; padding-top: 3px; }
.SectionHeader span { color: Black; font-weight: bold; font-size: 12px; margin-left: 5px; }
.SectionContent {  }


/*=====> Controls - Common <=====*/
.FormTable { width: 100%; height: auto; }
.FormTable_Left { vertical-align: top; width: 200px; }
.FormTable_Center { vertical-align: top; width: auto; }
.FormTable_TreeView div table tbody tr td { vertical-align: top; }
.FormTable_TreeView a.NodeStyle { color: Black; }
.FormTable_TreeView a.SelectedNodeStyle { font-weight: bold; color: #8d1707; }




